<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>admin table</title>
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
</head>
<body>
<div style="margin: 10px 20px">
    <table id="demo" lay-filter="adminList"></table>

</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

<script src="../layui/layui.js"></script>
<script type="text/html" id="action">
    <if condition="$admin.admin_id gt 1">
        <a class="layui-btn layui-btn-xs" lay-event="edit">修改密码</a>
        {{# if(d.admin_id != 1){ }}
        {{# if(d.status == 1){ }}
        <a class="layui-btn layui-btn-xs" lay-event="close">禁用</a>
        {{# } else { }}
        <a class="layui-btn layui-btn-xs" lay-event="open">启用</a>
        {{# } }}
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
        {{# } }}
    </if>
</script>
<script>
    layui.use('table', function () {
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo',
            height: 312,
            url: 'adminList', //数据接口//
            request: {
                limitName: 'size' //每页数据量的参数名，默认：limit
            },
            parseData: function (res) { //res 即为原始返回的数据
                if (res.code == 200)
                    res.code = 0
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.message, //解析提示文本
                    "count": res.data.total, //解析数据长度
                    "data": res.data.data //解析数据列表
                };
            },
            page: true,//开启分页
            cols: [[ //表头
                {field: 'admin_id', title: 'ID'},
                {field: 'account', title: '用户名'},
                {
                    field: 'status', title: '启用状态', templet: function (d) {
                        return d.status == 1 ? '启用' : '禁用';
                    }
                },
                {field: 'create_time', title: '添加时间'},
                {
                    field: 'deleted', title: '是否回收', templet: function (d) {
                        return d.deleted == 1 ? '是' : '否';
                    }
                },
                {fixed: 'right', title: '操作', toolbar: '#action'}
            ]],
            text: {
                none: '暂无数据' //默认：无数据。
            }
        })
        table.on('tool(adminList)', function (obj) {
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            if (layEvent == 'edit') {
                window.location = 'editPsw.html?aid=' + data.admin_id
            }
            if (layEvent == 'open') {
                layer.confirm('确定启用该管理员？', function (index) {
                    edit('open', data.admin_id)
                    obj.update({
                        status: 1
                    });
                });
            }
            if (layEvent == 'close') {
                layer.confirm('确定禁用该管理员？', function (index) {
                    edit('close', data.admin_id)
                    obj.update({
                        status: 2
                    });
                });

            }
            if (layEvent == 'del') {
                layer.confirm('确定删除该管理员？', function (index) {
                    obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                    layer.close(index);
                    //向服务端发送删除指令
                    edit('del', data.admin_id)
                });
            }


        });
    });

    function edit(type, aid) {
        $.ajax({
            url: 'editAdmin?type=' + type + '&aid=' + aid,
            success: function (res) {
                if (res.code != 200) {
                    layer.msg(res.error)
                } else {
                    layer.msg('修改成功')
                    location.reload();
                }
            },
        });
    }
</script>
</body>
</html>